<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script th:src="@{js/zepto/zepto.min.js}"></script>
<body>
    <h1>
        hello!
    </h1>
    <img src="http://sit.xhhang.com:38084/image/hamawen.jpg" onclick="pointMe()">
    <img src="https://blog.52itstyle.com/usr/uploads/2018/11/3971402817.jpg">
    <iframe src="http://baidu.com"></iframe>
    <img th:src="@{kaptcha.jpg}">
</body>

<script type="text/javascript">
    function pointMe() {
        $.ajax({
            type:"post",
            url:"http://sit.xhhang.com:38081/music/list",
            data:{},
            dataType: "json",
            success:function (data) {
                alert(data.musicList.length);
            }
        })
    }
    // 配置
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '[[${appid}]]', // 必填，公众号的唯一标识
        timestamp: '[[${timestamp}]]', // 必填，生成签名的时间戳
        nonceStr: '[[${nonceStr}]]', // 必填，生成签名的随机串
        signature: '[[${signature}]]',// 必填，签名
        jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填，需要使用的JS接口列表
    });

    wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
        // “分享给朋友”及“分享到QQ”
        wx.updateAppMessageShareData({
            title: '快来看我的视频', // 分享标题
            desc: '开车的视频', // 分享描述
            link: 'http://wxdev1.xinhehang.com/hello', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://'+window.location.host+'/image/hamawen.jpg', // 分享图标
            success: function () {
                // 设置成功
        }});
        // “分享到朋友圈”及“分享到QQ空间”
        wx.updateTimelineShareData({
            title: '快来看我的视频', // 分享标题
            link: 'http://wxdev1.xinhehang.com/hello', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://'+window.location.host+'/image/hamawen.jpg', // 分享图标
            success: function () {
                // 设置成功
        }});
    });


</script>
</html>